define(['dojo/_base/declare', 'dojo/_base/lang'], function(declare, lang) {
	return declare('js/Menu', null, {
		constructor: function(map, tdmap) {
			this.map = map;
			this.tdmap = tdmap;
			this.status = 2;
			
			this.layerControl;
		},
		init: function() {
			var self = this;
			$('#wrapper1').dockmenu({
				buttons: [{
		            'title': 'Setting',
		            'href': '#Setting',
		            'imgURL': 'page/icons/Settings.png',
		            'onClick': lang.hitch(this, this.toggleMap)
		          },{
		            'title': 'App Store',
		            'href': '#AppStore',
		            'imgURL': 'page/icons/AppStore.png',
		            'onClick': lang.hitch(this, this.toggleLayerControl)
		          },{
		            'title': 'Camera',
		            'href': '#camera',
		            'imgURL': 'page/icons/Camera.png',
		            'onClick':  lang.hitch(this, this.fullExtent)
		          },{
		            'title': 'Games',
		            'href': '#Games',
		            'imgURL': 'page/icons/Games.png',
		        
		          },{
		            'title': 'Mail',
		            'href': '#Mail',
		            'imgURL': 'page/icons/Mail.png',
		        
		          },{
		            'title': 'Music',
		            'href': '#Music',
		            'imgURL': 'page/icons/Music.png',
					'onClick': function(){
		                              alert('You clicked on the Music icon');
		                            }
		          },{
		            'title': 'Safari',
		            'href': '#Safari',
		            'imgURL': 'page/icons/Safari.png',
		        
		          },{
		            'title': 'Photos',
		            'href': '#',
		            'imgURL': 'page/icons/Photos.png',
		        
		          }]
			});
		},
		
		//转换23维地图
		toggleMap: function() {
			if($('#mapContainer').is(':hidden')) {
        		$('#cesiumContainer').hide('blind', 1000);
        		setTimeout(function(){$('#mapContainer').show('blind', 1000);}, 1000);
        		this.status = 2;
        	} else {
        		$('#mapContainer').hide('blind', 1000);
            	setTimeout(function() {$('#cesiumContainer').show('blind', 1000);}, 1000);
            	this.status = 3;
        	}
		},
		//控制图层弹窗显示隐藏
		toggleLayerControl: function() {
			//var content = this.loadLyrs();
			if(!this.layerControl) {
				this.layerControl = layer.open({
					content: this.loadLyrs(),
					area: ['120px', '300px'],
					shade: 0,
					offset: 'r',
					id: 'layerControl',
					resize: false,
					move: false,
					cancel: function(index) {
						$('#layui-layer1').hide('blind', 500);
						return false;
					},
					btn: [],
					title: '图层'
				}); 
				
				var self = this;
				$('#layerList').each(function(index, item) {
					$(item).change(lang.hitch(self, function(item) {
						if($(item.target).is(':checked')) {
							self.map.getLayerById(item.target.id.split('-')[1]).setVisible(true);
						} else {
							this.map.getLayerById(item.target.id.split('-')[1]).setVisible(false);
						}
					}));
				});
				
//				$('#checkbox-0').change(lang.hitch(this, function() {
//					if($('#checkbox-0').is(':checked')) {
//						this.map.getLayerById('county').setVisible(true);
//					} else {
//						this.map.getLayerById('county').setVisible(false);
//					}
//				}));
					
				
			} else {
				if($('#layui-layer1').is(':hidden')) {
					$('#layui-layer1').show('fade', 500);
				} else {
					$('#layui-layer1').hide('blind', 0);
				}
				//$('#layui-layer1').toggle('blind', 500);
			}
			
			
		},
		loadLyrs: function() {
			var content = '<ul style="list-style-type:none" id="layerList">';
			$.each(this.map.layers, function(index, item) {
				content += '<li><input type="checkbox" name="checkbox-'+index+'" id="layer-'+item.id+'" checked><label for="checkbox-1">'+item.name+'</label></li>';
			});
			content += '</ul>';
			return content;
		},
		//test方法
		fullExtent: function() {
			this.map.fullExtent();
		}
	});
});